<template>
  <div>
    御剑乘风来,除魔天地间!===day06
    <i class="bi bi-0-square-fill"></i>
    <SlotCom>
      我是插槽
      <template v-slot:aaa> 我是插槽</template>
    </SlotCom>
    <TableCom qq="123">
      <!-- 接收子组件通过slot组件传过来的值并通过obj接收,接收的格式是一个对象 -->
      <!-- <template #table="obj"> {{ obj.id }}==={{ obj.msg }} </template> -->
      <!-- <template v-slot:table="obj"> {{ obj.id }}==={{ obj.msg }} </template> -->
       <template slot="table " slot-scope="obj"> {{ obj.id }}==={{ obj.msg }} </template>
    </TableCom>
  </div>
</template>
<script>
import SlotCom from "./slot/SlotCom.vue";
import TableCom from "./slot/TableCom.vue";
export default {
  components: {
    SlotCom,
    TableCom,
  },
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {},
};
</script>
<style lang='less'  scoped>
</style>